<?php use_stylesheet('answer.css') ?>

<div id="action_answer">

<h1>Answer a question</h1>

<div id="qna">

<!-- QUESTION -->
<div id="question">
<div id="qtop_area">
<p class='bubble'></p>
</div>
<div id="qbottom_area">
<button id="previous">&lt;</button>
<p><b id="current"></b> of <b id="all"></b> questions</p>
<button id="next">&gt;</button>
<div style="clear: both"></div>
</div>
</div>

<!-- ANSWER -->
<div id="answer" class="bubble">
<div id="atop_area">
<div id="aleft_bar"></div>
<textarea id="answer_edit">Type your answer here...</textarea>
<div id="aright_bar"></div>
</div>
<div id="abottom_area">
<button id="submit">Answer</button>
<button id="help">Help!</button>
<div id="answer_warning" class="hint">HINT</div>
</div>
</div>

</div>

<!-- HELPER SIDEBAR -->
<div id="helper">
<ul></ul>
</div>

<!-- response -->
<div id="response"></div>

<!-- helper template -->
<div id="helper_template">
<div class="one_item">
<div class="stop_area">
<p class="title"></p>
</div>
<div class="scontent_area">
<p class="url"></p>
<p class="summary"></p>
</div>
<div class="sbottom_area">
<button class="add">Add</button>
<button class="add_all">Add All</button>
</div>
</div>
</div>

</div>